<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
        <title>新话题</title>
        <link rel="stylesheet" type="text/css" href="css/newcontend.css" />
	</head>
	<body id="home" v-cloak>
		<!--头部-->
        <section class="header-box">
        	<a class="tab" href="javascript:;">
                <div class="img-cnt">
                   <img class="user-icon" :src="user.nickimg" alt="" />
                   <span class="sprites i-replace"></span>
                </div>
                {{user.nickname}}
            </a>
        	<!--<a class="tab sel" href="javascript:;">新话题</a>-->
        	<a class="tab" href="javascript:;" @click="alltopic()">往期争鸣</a>
        	<a class="tab" href="javascript:;">关于</a>
        </section>
		<!--苏宁争鸣-->
        <section class="p-wapper">
	        <img class="logo" src="img/logo.png" alt="" />
	        <p class="contend-tip">请写下你希望进行争鸣的话题，你获得赞书，也许能决定我们下一期的话题。</p>
	        <a class="white-btn" href="javascript:;" @click="white()">写一个争鸣</a>
	        <div class="contend-list">
	            <p class="list-tab">
	                <a href="javascript:;" class="tab sel">喜欢最多</a>
	                <a href="javascript:;" class="tab">时间最近</a>
	            </p>
	            <div class="list-cnt">
	                <img src="img/code.png" alt="" />
	                <div class="info">
	                    <p class="tit">
	                        <span>名字</span>
	                        <a class="del" href="javascript:;" @click="showdelPop">删除</a>
	                    </p>
	                    <p class="cnt">你觉得苏宁logo颜色用红色和黄色会比现在的色彩搭配好看吗？</p>
	                    <div class="like">
	                        <a href="javascript:;" class="sprites i-like"></a>
	                        <span>喜欢 4500</span>
	                    </div>
	                </div>
	            </div>
	        </div>
        	<div class="loading">没有更多了</div>
        </section>        
        <section class="pop" v-show="showPop">
            <div class="pop-cnt del">
                <p class="tit">确定要删除该评论吗?</p>
                <p class="btn">
                    <a class="cancel" href="javascript:;" @click="cancel">取消</a>
                    <a class="ok" href="javascript:;" @click="ok">确定</a>    
                </p>
            </div>
        </section>
        <script>
        	var ua = window.navigator.userAgent.toLowerCase();
	        if(ua.match(/MicroMessenger/i) == 'micromessenger') {
	        	var ua = window.navigator.userAgent.toLowerCase();
	    		if (ua.match(/MicroMessenger/i) == 'micromessenger') {
	    			var script = document.createElement("script");
	    			script.src = "http://res.wx.qq.com/open/js/jweixin-1.0.0.js";
	    			document.body.appendChild(script);
	    		}
	        }
        </script>
        <script src="js/vue.min.js"></script>
        <script src="js/zepto.min.js"></script>
        <script src="js/cropper.js"></script>
        <script src="js/common.js"></script>
        <script src="js/new_contend.js"></script>
        <!-- 这里要根据环境换地址 start -->
        <script src="https://sslres.suning.com/project/passport/js/passport.min.js"></script>
        
	</body>
</html>
